닫기버튼
노티드
웹사이트 바로가기 화살표 닫기버튼

OVERVIEW

  • 사이트이름

    Knotted

    본인 참여율:100%
  • 타입

    Web·Mobile design
    (Responsive/bootstrap)

  • 주소

    http://chajinyoung.co.kr/knotted/index.html

컴퓨터 태블릿 모바일

SITE-MAB

Knotted

  • banner
  • Nav
    • Home
    • about
    • menu
    • booking
  • 예약
  • about
  • 인기메뉴
  • 이벤트
  • 인스타그램
  • footer

STYLE-GUIDE

CONCEPT

부트스트랩을 사용하여 만든 사이트이다.노티드의 대표색중하니인 핑크색을이용하여
좀더 밝은 분위기를 나태내었고 노티드 특유의 웃고있는 모습이들어가는 사진을많이사용하여
밝고 즐거운분위기를 나타내었습니다.

KEY-WORD

  • 밝음
  • 즐거운

COLOR

main
#ff8dbe
point
#0f172b
background
#fdfaf7

Font-Color

main
#0F172B #fff
point
#ff8dbe

title-body

Nunito-Heebo
  • 제목:Nunito
  • 40px-extrabold
  • 중간제목:Nunito
  • 20pX-extrabold
  • 내용:Heebo
  • 16px-regular
  • 네비:Heebo
  • 15px-medium

sub-title FONT

Pacifico
  • sub-title:Pacifico
  • 20px-regular
예약 화살표 화살표

상자에 마우스 호버시 배경색변경 및 글자색 변경

첫 스크롤시 숫자가 해당목표까지 자동으로 상승

화살표 화살표 소개
인기상품 화살표 화살표

탬버튼 클릭시 글자 하단에 핑크색줄이 나온다

이미지에 마우스호버시 이미지 확대 및 밑에 숨겨진 sns아이콘 출연

화살표 화살표 이벤트
인스타그램 화살표 화살표

자동슬라이드 및 가운데있는 이미지는 주변에 배경색이나온ㄴ다

in이라는 글자에 마우스호버시 글자밑 배경색변경

화살표 화살표 푸터